<div id="mainContent" class="omega grid_13">
    <?php
    isset($film_data) ? $form_title = 'Film szerkesztése' : $form_title = 'Film felvétele';
    ?>
    <h1>
        <?php echo $form_title ?></h1>

    <?php
    // ha nincs beolvasva adatbázisból, vagy már szerkesztettük
    if (!isset($film_data->eredeti_cim) || $film_data->eredeti_cim != set_value('eredeti_cim') && set_value('eredeti_cim') != '') {
        $film_data->eredeti_cim = set_value('eredeti_cim');
    }
    if (!isset($film_data->magyar_cim) || $film_data->magyar_cim != set_value('magyar_cim') && set_value('magyar_cim') != '') {
        $film_data->magyar_cim = set_value('magyar_cim');
    }
    if (!isset($film_data->rendezo) || $film_data->rendezo != set_value('rendezo') && set_value('rendezo') != '') {
        $film_data->rendezo = set_value('rendezo');
    }
    if (!isset($film_data->foszereplok) || $film_data->foszereplok != set_value('foszereplok') && set_value('foszereplok') != '') {
        $film_data->foszereplok = set_value('foszereplok');
    }
    if (!isset($film_data->hossz) || $film_data->hossz != set_value('hossz') && set_value('hossz') != '') {
        $film_data->hossz = set_value('hossz');
    }
    if (!isset($film_data->megjelenes_datuma) || $film_data->hossz != set_value('megjelenes_datuma') && set_value('megjelenes_datuma') != '') {
        $film_data->megjelenes_datuma = set_value('megjelenes_datuma');
    }
    if (!isset($film_data->imdb) || $film_data->imdb != set_value('imdb') && set_value('imdb') != '') {
        $film_data->imdb = set_value('imdb');
    }
    if (!isset($film_data->trailer_link) || $film_data->trailer_link != set_value('trailer_link') && set_value('trailer_link') != '') {
        $film_data->trailer_link = set_value('trailer_link');
    }
    if (!isset($film_data->hangulat_cimke) || $film_data->hangulat_cimke != set_value('hangulat_cimke') && set_value('hangulat_cimke') != '') {
        $film_data->hangulat_cimke = set_value('hangulat_cimke');
    }
    if (!isset($film_data->kategoria) || $film_data->kategoria != set_value('kategoria') && set_value('kategoria') != '') {
        $film_data->kategoria = set_value('kategoria');
    }
    if (!isset($film_data->kep_url) || $film_data->kep_url != set_value('kep_url') && set_value('kep_url') != '') {
        $film_data->kep_url = set_value('kep_url');
    }
    if (!isset($film_data->rovid_leiras) || $film_data->rovid_leiras != set_value('rovid_leiras') && set_value('rovid_leiras') != '') {
        $film_data->rovid_leiras = set_value('rovid_leiras');
    }
    if (!isset($film_data->film_mufaj_id) || $film_data->film_mufaj_id != set_value('film_mufaj_id') && set_value('film_mufaj_id') != '') {
        $film_data->film_mufaj_id = set_value('film_mufaj_id');
    }
    if (!isset($film_data->sajat_forgalmazas) || $film_data->sajat_forgalmazas != set_value('sajat_forgalmazas') && set_value('sajat_forgalmazas') != '') {
        $film_data->sajat_forgalmazas = set_value('sajat_forgalmazas');
    }
    // ha nincs műfaj akkor az értéke 1 lesz. - az adatbázisban ez a nincs -
    if (!isset($film_data->film_mufaj_id))
        $film_data->film_mufaj_id = 1;
    
    // az egy radio buttonnak mindenképpen kell adni értéket, ha nincs neki.
    if ($film_data->sajat_forgalmazas == "") {
        $film_data->sajat_forgalmazas = "0";
    }
    
    if (!isset($film_data->film_id)) {
        echo form_open("admin/filmek/add_film");
        // ha új film, nem lesz user_id így csinálunk egyet, mert kell a scripthez
        $film_data->film_id = "''";
    } else {
        echo form_open("admin/filmek/update_film/$film_data->film_id");
    }
    ?>

    <div id="image_browser_window" title="Galéria">
        <div id="image_browser" class="videoPreview">
        </div>
    </div>

    <form>
        <fieldset>
            <legend> Add meg a film adatait. A csillaggal jelölt adatok megadása kötelező! </legend>
            <label class="lf must">
                <span class="inputLabel">
                    Eredeti cím
                </span>
                <span class="inlineIcon16">
                    <img src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />
                </span>
                <span class="inputWrap">
                    <input class="" type="text" name="eredeti_cim" value="<?php echo $film_data->eredeti_cim ?>" />
                </span>
                <span class="validate_error"><?php echo form_error('eredeti_cim'); ?></span> 
            </label>
            <label class="lf">
                <span class="inputLabel">
                    Magyar cím
                </span>
                <span class="inlineIcon16">
                    <img src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />
                </span>
                <span class="inputWrap">
                    <input class="" type="text" name="magyar_cim" value="<?php echo $film_data->magyar_cim ?>" />
                </span>
            </label>
            <label class="lf">
                <span class="inputLabel">
                    Rendező
                </span>
                <span class="inlineIcon16">
                    <img src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />
                </span>
                <span class="inputWrap">
                    <input class="" type="text" name="rendezo" value="<?php echo $film_data->rendezo ?>" />
                </span>
            </label>
            <label class="lf">
                <span class="inputLabel">
                    Főszereplők
                </span>
                <span class="inlineIcon16">
                    <img src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />
                </span>
                <span class="inputWrap">
                    <input class="" type="text" name="foszereplok" value="<?php echo $film_data->foszereplok ?>" />
                </span>
            </label>
            <label id="filmLengthLabel">
                <span class="inputLabel">
                    Hossz 
                </span><span class="field_desc">(percben)</span>
                <span class="inputWrap"> 
                    <input id="filmLength_" class="filmLength" type="text" name="hossz" value="<?php echo $film_data->hossz ?>" />
                    <span class="validate_error"><?php echo form_error('hossz'); ?></span> 
                </span>
            </label>
            <label id="filmLengthLabel">
                <span class="inputLabel">
                    Megjelenés éve 
                </span>
                <span class="inputWrap"> 
                    <input id="filmLength_" class="filmLength" type="text" name="megjelenes_datuma" value="<?php echo $film_data->megjelenes_datuma ?>" />
                    <span class="validate_error"><?php echo form_error('megjelenes_datuma'); ?></span> 
                </span>
            </label>

            <label class="lf">
                <span class="inputLabel">
                    imdb url
                </span>
                <span class="inputWrap">
                    <input class="" type="text" name="imdb" value="<?php echo $film_data->imdb ?>" />
                </span>
            </label>

            <label>
                <span class="inputLabel">
                    Trailer youtube url
                </span>

                <span class="buttonWarp">
                    <img class="loader" src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />


                    <input id="youtube_preload_button" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Link ellenőrzése" />
                </span>
                <span class="inputWrap">
                    <input id="trailer_link_editable" type="text" value="<?php
    if ($film_data->trailer_link != "")
        echo "http://www.youtube.com/watch?v=$film_data->trailer_link";
    ?>" />
                    Youtube ID: <span id="visible_youtube_id">
                        <?php
                        if ($film_data->trailer_link != "")
                            echo $film_data->trailer_link;
                        else
                            echo "Nincs megadva";
                        ?>
                    </span>
                    <input id="trailer_link" name="trailer_link" type="hidden" class="lf" value="<?php echo $film_data->trailer_link ?>"  />
                </span>
                <span id="youtube_preview" class="videoPreview">
                    <iframe id="youtube_preview_iframe" width="448" height="258" 
                    <?php
                    if ($film_data->trailer_link != "")
                        echo "src=\"http://www.youtube.com/embed/$film_data->trailer_link?wmode=opaque\"";
                    else
                        echo "style=\"display: none;\" src=\"\"";
                    ?>
                            frameborder="0" allowfullscreen></iframe>
                </span>
            </label>

            <label class="lf">
                <span class="inputLabel">
                    Hangulat címke
                </span>
                <span class="inputWrap">
                    <select name="hangulat_cimke" class="dropdown lf">
                        <option value="thriller" <?php
                    if ($film_data->hangulat_cimke == "thriller")
                        echo "selected";
                    ?>>thriller</option>
                        <option value="dráma" <?php
                                if ($film_data->hangulat_cimke == "dráma")
                                    echo "selected";
                    ?>>dráma</option>
                        <option value="klasszik" <?php
                                if ($film_data->hangulat_cimke == "klasszik")
                                    echo "selected";
                    ?>>klasszik</option>
                        <option value="akció" <?php
                                if ($film_data->hangulat_cimke == "akció")
                                    echo "selected";
                    ?>>akció</option>
                        <option value="komédia" <?php
                                if ($film_data->hangulat_cimke == "komédia")
                                    echo "selected";
                    ?>>komédia</option>
                        <option value="fanatik" <?php
                                if ($film_data->hangulat_cimke == "fanatik")
                                    echo "selected";
                    ?>>fanatik </option>
                        <option value="doku" <?php
                                if ($film_data->hangulat_cimke == "doku")
                                    echo "selected";
                    ?>>doku</option>
                        <option value="para" <?php
                                if ($film_data->hangulat_cimke == "para")
                                    echo "selected";
                    ?>>para</option>
                        <option value="kult" <?php
                                if ($film_data->hangulat_cimke == "kult")
                                    echo "selected";
                    ?>>kult</option>
                        <option value="romantika" <?php
                                if ($film_data->hangulat_cimke == "romantika")
                                    echo "selected";
                    ?>>romantika</option>
                        <option value="fantasy" <?php
                                if ($film_data->hangulat_cimke == "fantasy")
                                    echo "selected";
                    ?>>fantasy</option>
                        <option value="hardcore" <?php
                                if ($film_data->hangulat_cimke == "hardcore")
                                    echo "selected";
                    ?>>hardcore</option>
                    </select>
                </span>
            </label>
            <label class="lf">
                <span class="inputLabel">
                    Műfaj
                </span>
                <span class="inputWrap">
                    <select name="film_mufaj_id" class="dropdown lf">
                        <?php if (isset($film_mufaj_data)): ?>
                            <?php foreach ($film_mufaj_data as $mufaj): ?>
                                <option value="<?php echo $mufaj->mufaj_id; ?>"<?php if ($mufaj->mufaj_id == $film_data->film_mufaj_id): ?> selected <?php endif; ?>><?php echo $mufaj->mufaj_nev; ?></option>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </select>
                </span>
            </label>

            <label>
                <span class="inputLabel">
                    Kép
                </span>
                <span class="field_desc">(max 331px széles)
                    <?php if ($film_data->kep_url != ""): ?>
                        <span class="deleteInfo" id="kep_url_visible" style="display: none;">nincs megadva.</span>
                    <?php else: ?>
                        <span class="deleteInfo" id="kep_url_visible">nincs megadva.</span>
                    <?php endif; ?>
                </span>

                <span class="inputWrap">
                    <!-- direkt van itt a loader a gomb előtt -->

                    <input id="browse_picture_button" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Kép tallózása" />
                    <img id="file_uploader_waiting" class="loader" src="<?php echo base_url(); ?>admin_style/assets/loadanim.gif" width="16" height="16" alt="load" style="display: none;" />
                    <input id="kep_url" name="kep_url" value="<?php echo $film_data->kep_url ?>" type="hidden" class="lf deleteValue" />

                </span>

                <span class="filmPicPreview previewIt">
                    <a href="#" class="deleteBtn" style="display: none;">
                        <img  src="<?php echo base_url(); ?>admin_style/assets/delete.png" width="40" height="40" alt="Törlés"  />
                    </a>
                    <img id="image_preview" class="deletePic" <?php
                    if ($film_data->kep_url != "")
                        echo "src=\"$film_data->kep_url\"";
                    else
                        echo "style=\"display: none;\" src=\"\"";
                    ?> width="" height="" />
                </span>

            </label>
            
            <div class="radioSetContainer" >
                <span class="inputLabel">
                    Saját forgalmazású a film?
                </span>
                <span class="inputWrap">
                    <div id="radioYesNo" class="radioSet">
                        <input type="radio" id="igen" name="sajat_forgalmazas" value="1" 
                        <?php
                        if ($film_data->sajat_forgalmazas == '1')
                            echo "checked=\"checked\""
                            ?>/>
                        <label for="igen">igen</label>
                        <input type="radio" id="nem" name="sajat_forgalmazas" value="0" 
                        <?php
                        if ($film_data->sajat_forgalmazas == '0')
                            echo "checked=\"checked\""
                            ?>/>
                        <label for="nem">nem</label>

                    </div>
                </span>
            </div>

            <label class="textAreaHolder ">
                <span class="inputLabel">
                    Rövid leírás
                </span>
                <textarea class="bigTextarea" name="rovid_leiras"><?php echo $film_data->rovid_leiras ?></textarea>
            </label>
        </fieldset>
        <input class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Mentés" />
    </form>
</div>


<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {   
        
        // youtube id megszerzése
        // ha nincs kiírjuk, hogy hiba
        $('#youtube_preload_button').click(function(){
            var video_url = $('#trailer_link_editable').val();
            var video_id = video_url.split('v=')[1];
            if(video_id){
                console.log(video_id);
                // ha van benne még & akkor nekünk csak az elso kell
                // az az id.
                var ampersandPosition = video_id.indexOf('&');
                if(ampersandPosition != -1)
                    video_id = video_id.substring(0, ampersandPosition);
                $('#youtube_preview_error').hide();
                $('#youtube_preview_iframe').attr('src', 'http://www.youtube.com/embed/'+video_id+'?wmode=opaque').show(500);
                $('#trailer_link').val(video_id);
                $('#visible_youtube_id').html(video_id);
                
            }else{
                if(true){
                    $('#youtube_preview_error').html('Nem sikerült kinyerni az id-t. Valószín\u0171leg rossz a megadott youtube link!').show(500);
                    $('#youtube_preview_iframe').hide(500);
                    $('#trailer_link').val("");
                    $('#visible_youtube_id').html("Nincs megadva.");
                }
                
            }
            return false;
        });


        // képméret ellenőrzés (!<331px)
        function check_image_size(url){
            var isGoodSize = false;
            $.ajax({
                url: '<?php echo site_url('admin/gallery/get_picture_size'); ?>',
                data: {
                    // elküldjük az id-t, mert adatokat várunk vissza
                    image_url : url
                },
                dataType: 'json',
                type: 'post',
                async: false,
                success: function (data) {
                    if(data.width < 331 /* max 331px széles lehet */) 
                        isGoodSize = true;
                },
                error: function(XMLHttpRequest, textStatus, errorThrown){
                    $('#edit_dialog').html("Hiba történt: " + errorThrown.toString());
                }
            });
            return isGoodSize;
        }


        // elfinder inicializálás
        function init_finder(){
            $('#image_browser').elfinder({
                url : '<?php echo site_url('admin/gallery/connect') ?>',
                lang : 'hu',
                places : '',
                autoReload : '10',
                closeOnEditorCallback : false,
                editorCallback : function(url){
                    console.log(url);
                    if(check_image_size(url)){
                        $("#image_preview").show(500).attr('src', url);
                        $("#kep_url").val(url);
                        $("#kep_url_visible").hide().html("");
                        $( "#image_browser_window" ).dialog("close");
                    }else{
                        $("#kep_url_visible").show(500).html("nincs megadva.");
                        $("#kep_url").val("");
                        $("#image_preview").hide(500).attr('src', '');
                        alert('A kiválaszott kép túl nagy, kérlek adj meg másikat.');
                    }
                }
            });
        }
        
        
        // kép tallózás
        $('#browse_picture_button').click(function() {
            $("#file_uploader_waiting").show(500);  
            init_finder();
            $( "#image_browser_window" ).dialog('open');

            file_dialog = $( "#image_browser_window" ).dialog({
                resizable: false,
                zIndex: 999999,
                width:640,
                height:480,
                modal: true,
                beforeClose: function(){
                    $("#file_uploader_waiting").hide(500); 
                }
            }); 
            
            return false;
        });
        
    });
</script>
